<template>
    <div class="xshow">
        <div class="xshowbos">
            <img src="static/x_logo.png" class="xshowimg">
        </div>        
    </div>
</template>

<script>
import animate from 'animate.css'
export default {
    
  name: "xshow",
  
  methods: {
    
    init() {
        var _this=this
        $('.xshowimg').addClass('animated swing')
         setTimeout(function(){//两秒后跳转  
            // alert("两秒后跳转。");   
            // window.location.href= '/home'
            _this.$router.push({ name: 'Home'})
            
          
           },2500);  
     }
  },
  mounted() {
    this.init();
  }
};
</script>

<style lang="stylus" scoped>
.xshow {
    width: 100%;
    height: 100%;
    background: white;
}
.xshowbos{
    background red
}

.xshow img {
    position: absolute;
    top: 20%;
    left: 0%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}
</style>
